<!doctype html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0"
        name="viewport">
  <meta content="ie=edge" http-equiv="X-UA-Compatible">
  <title>Document</title>

  <style>
      * {
          margin: 0;
          padding: 0;
      }

      .header {
          width: 100%;
          height: 100px;
          background-color: orange;
      }

      .main {

          width: 100%;
          height: 100px;
          background-color: skyblue;
          border: 1px solid green;
      }

      .main1 {
          position: -webkit-sticky;
          position: sticky;
          top: 0px;
          height: 30px;
          background-color: gray;
          color: white;
          font-weight: 600;
      }
  </style>
</head>
<body>
<div class="header">我是头部</div>
<!--<div class="nav">我是导航</div>-->
<div class="container">
  <div class="main main1">2020-01-01</div>
  <div class="main">新闻列表1</div>
  <div class="main">新闻列表1</div>
</div>
<div class="container">
  <div class="main main1">2020-01-02</div>
  <div class="main">我是主体部分2</div>
  <div class="main">我是主体部分3</div>
  <div class="main">新闻列表1</div>
  <div class="main">新闻列表1</div>
  <div class="main">新闻列表1</div>
  <div class="main">新闻列表1</div>
  <div class="main">新闻列表1</div>
  <div class="main">新闻列表1</div>
  <div class="main">新闻列表1</div>
  <div class="main">新闻列表1</div>
</div>
<div class="container">
  <div class="main main1">2020-01-03</div>
  <div class="main">我是主体部分2</div>
  <div class="main">我是主体部分3</div>
  <div class="main">新闻列表1</div>
  <div class="main">新闻列表1</div>
  <div class="main">新闻列表1</div>
  <div class="main">新闻列表1</div>
  <div class="main">新闻列表1</div>
  <div class="main">新闻列表1</div>
  <div class="main">新闻列表1</div>
  <div class="main">新闻列表1</div>
</div>
<div class="container">
  <div class="main main1">2020-01-04</div>
  <div class="main">我是主体部分2</div>
  <div class="main">我是主体部分3</div>
  <div class="main">新闻列表1</div>
  <div class="main">新闻列表1</div>
  <div class="main">新闻列表1</div>
  <div class="main">新闻列表1</div>
  <div class="main">新闻列表1</div>
  <div class="main">新闻列表1</div>
  <div class="main">新闻列表1</div>
  <div class="main">新闻列表1</div>
</div>
<div class="container">
  <div class="main main1">2020-01-05</div>
  <div class="main">我是主体部分2</div>
  <div class="main">我是主体部分3</div>
  <div class="main">新闻列表1</div>
  <div class="main">新闻列表1</div>
  <div class="main">新闻列表1</div>
  <div class="main">新闻列表1</div>
  <div class="main">新闻列表1</div>
  <div class="main">新闻列表1</div>
  <div class="main">新闻列表1</div>
  <div class="main">新闻列表1</div>
</div>
<div class="container">
  <div class="main main1">2020-01-06</div>
  <div class="main">我是主体部分2</div>
  <div class="main">我是主体部分3</div>
  <div class="main">新闻列表1</div>
  <div class="main">新闻列表1</div>
  <div class="main">新闻列表1</div>
  <div class="main">新闻列表1</div>
  <div class="main">新闻列表1</div>
  <div class="main">新闻列表1</div>
</div>
<div class="container">
  <div class="main main1">2020-01-07</div>
  <div class="main">我是主体部分2</div>
  <div class="main">我是主体部分3</div>
  <div class="main">新闻列表1</div>
  <div class="main">新闻列表1</div>
  <div class="main">新闻列表1</div>
  <div class="main">新闻列表1</div>
  <div class="main">新闻列表1</div>
  <div class="main">新闻列表1</div>
  <div class="main">新闻列表1</div>
  <div class="main">新闻列表1</div>
  <div class="main">新闻列表1</div>
  <div class="main">新闻列表1</div>
  <div class="main">新闻列表1</div>
  <div class="main">新闻列表1</div>
</div>
<div class="container">
  <div class="main main1">2020-01-08</div>
  <div class="main">我是主体部分2</div>
  <div class="main">我是主体部分3</div>
  <div class="main">新闻列表1</div>
  <div class="main">新闻列表1</div>
  <div class="main">新闻列表1</div>
  <div class="main">新闻列表1</div>
  <div class="main">新闻列表1</div>
  <div class="main">新闻列表1</div>
  <div class="main">新闻列表1</div>
  <div class="main">新闻列表1</div>
  <div class="main">新闻列表1</div>
  <div class="main">新闻列表1</div>
  <div class="main">新闻列表1</div>
  <div class="main">新闻列表1</div>
</div>
<div class="container">
  <div class="main main1">2020-01-09</div>
  <div class="main">我是主体部分2</div>
  <div class="main">我是主体部分3</div>
  <div class="main">新闻列表1</div>
  <div class="main">新闻列表1</div>
  <div class="main">新闻列表1</div>
  <div class="main">新闻列表1</div>
  <div class="main">新闻列表1</div>
  <div class="main">新闻列表1</div>
  <div class="main">新闻列表1</div>
  <div class="main">新闻列表1</div>
  <div class="main">新闻列表1</div>
  <div class="main">新闻列表1</div>
  <div class="main">新闻列表1</div>
  <div class="main">新闻列表1</div>
  <div class="main">新闻列表1</div>
  <div class="main">新闻列表1</div>
  <div class="main">新闻列表1</div>
  <div class="main">新闻列表1</div>
</div>
<div class="container">
  <div class="main main1">2020-01-10</div>
  <div class="main">我是主体部分2</div>
  <div class="main">我是主体部分3</div>
  <div class="main">新闻列表1</div>
  <div class="main">新闻列表1</div>
  <div class="main">新闻列表1</div>
  <div class="main">新闻列表1</div>
  <div class="main">新闻列表1</div>
  <div class="main">新闻列表1</div>
  <div class="main">新闻列表1</div>
  <div class="main">新闻列表1</div>
  <div class="main">新闻列表1</div>
  <div class="main">新闻列表1</div>
  <div class="main">新闻列表1</div>
  <div class="main">新闻列表1</div>
  <div class="main">新闻列表1</div>
  <div class="main">新闻列表1</div>
</div>
<div class="container">
  <div class="main main1">2020-01-11</div>
  <div class="main">我是主体部分2</div>
  <div class="main">我是主体部分3</div>
  <div class="main">新闻列表1</div>
  <div class="main">新闻列表1</div>
  <div class="main">新闻列表1</div>
  <div class="main">新闻列表1</div>
  <div class="main">新闻列表1</div>
  <div class="main">新闻列表1</div>
  <div class="main">新闻列表1</div>
  <div class="main">新闻列表1</div>
  <div class="main">新闻列表1</div>
  <div class="main">新闻列表1</div>
  <div class="main">新闻列表1</div>
  <div class="main">新闻列表1</div>
  <div class="main">新闻列表1</div>
  <div class="main">新闻列表1</div>
  <div class="main">新闻列表1</div>
  <div class="main">新闻列表1</div>
</div>
<div class="container">
  <div class="main main1">2020-01-12</div>
  <div class="main">我是主体部分2</div>
  <div class="main">我是主体部分3</div>
  <div class="main">新闻列表1</div>
  <div class="main">新闻列表1</div>
  <div class="main">新闻列表1</div>
  <div class="main">新闻列表1</div>
  <div class="main">新闻列表1</div>
  <div class="main">新闻列表1</div>
  <div class="main">新闻列表1</div>
  <div class="main">新闻列表1</div>
  <div class="main">新闻列表1</div>
  <div class="main">新闻列表1</div>
  <div class="main">新闻列表1</div>
  <div class="main">新闻列表1</div>
  <div class="main">新闻列表1</div>
  <div class="main">新闻列表1</div>
  <div class="main">新闻列表1</div>
  <div class="main">新闻列表1</div>
  <div class="main">新闻列表1</div>
  <div class="main">新闻列表1</div>
</div>
<div class="container">
  <div class="main main1">2020-01-13</div>
  <div class="main">我是主体部分2</div>
  <div class="main">我是主体部分3</div>
  <div class="main">新闻列表1</div>
  <div class="main">新闻列表1</div>
  <div class="main">新闻列表1</div>
  <div class="main">新闻列表1</div>
  <div class="main">新闻列表1</div>
  <div class="main">新闻列表1</div>
  <div class="main">新闻列表1</div>
  <div class="main">新闻列表1</div>
  <div class="main">新闻列表1</div>
  <div class="main">新闻列表1</div>
  <div class="main">新闻列表1</div>
  <div class="main">新闻列表1</div>
  <div class="main">新闻列表1</div>
  <div class="main">新闻列表1</div>
  <div class="main">新闻列表1</div>
  <div class="main">新闻列表1</div>
  <div class="main">新闻列表1</div>
  <div class="main">新闻列表1</div>
</div>
<div class="container">
  <div class="main main1">2020-01-14</div>
  <div class="main">我是主体部分2</div>
  <div class="main">我是主体部分3</div>
  <div class="main">新闻列表1</div>
  <div class="main">新闻列表1</div>
  <div class="main">新闻列表1</div>
  <div class="main">新闻列表1</div>
  <div class="main">新闻列表1</div>
  <div class="main">新闻列表1</div>
  <div class="main">新闻列表1</div>
  <div class="main">新闻列表1</div>
  <div class="main">新闻列表1</div>
  <div class="main">新闻列表1</div>
  <div class="main">新闻列表1</div>
  <div class="main">新闻列表1</div>
  <div class="main">新闻列表1</div>
  <div class="main">新闻列表1</div>
  <div class="main">新闻列表1</div>
  <div class="main">新闻列表1</div>
  <div class="main">新闻列表1</div>
  <div class="main">新闻列表1</div>
</div>
<div class="container">
  <div class="main main1">2020-01-15</div>
  <div class="main">我是主体部分2</div>
  <div class="main">我是主体部分3</div>
  <div class="main">新闻列表1</div>
  <div class="main">新闻列表1</div>
  <div class="main">新闻列表1</div>
  <div class="main">新闻列表1</div>
  <div class="main">新闻列表1</div>
  <div class="main">新闻列表1</div>
  <div class="main">新闻列表1</div>
  <div class="main">新闻列表1</div>
  <div class="main">新闻列表1</div>
  <div class="main">新闻列表1</div>
  <div class="main">新闻列表1</div>
  <div class="main">新闻列表1</div>
  <div class="main">新闻列表1</div>
  <div class="main">新闻列表1</div>
  <div class="main">新闻列表1</div>
  <div class="main">新闻列表1</div>
  <div class="main">新闻列表1</div>
  <div class="main">新闻列表1</div>
  <div class="main">新闻列表1</div>
  <div class="main">新闻列表1</div>
  <div class="main">新闻列表1</div>
  <div class="main">新闻列表1</div>
</div>
<script>
  //  4.xxxxxxxx
  //  2、新建文件
  //  3、git管理 ==> git init
  //  4、代码提交到本地仓库 ==> git add .  ==> git commit -m '提交信息'
  //  5、新建远程仓库
  //  6、远程仓库本地仓库关联 ==> git remote add origin 远程地址
  //  7、push到远程仓库 ==> git push origin master
  //  8、测试
  // login
</script>

</body>
</html>
